<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>教材版本列表 - 睿途教育</title>
    <link href="../../assets/css/tailwind.css" rel="stylesheet">
    <link href="../../assets/css/font-awesome.min.css" rel="stylesheet">
</head>
<body class="bg-gray-100 font-sans text-gray-800">
    <div class="min-h-screen flex flex-col">
        <!-- 顶部导航栏（复用母版） -->
        <main class="flex-1 container mx-auto px-4 py-6">
            <!-- 面包屑导航 -->
            <div class="flex items-center text-sm text-gray-500 mb-4">
                <a href="../base.admin.html" class="hover:text-primary">首页</a>
                <i class="fa fa-angle-right mx-2 text-gray-300"></i>
                <a href="../Textbook/list.html" class="hover:text-primary">教材管理</a>
                <i class="fa fa-angle-right mx-2 text-gray-300"></i>
                <span class="text-primary font-medium">教材版本列表</span>
            </div>
            <!-- 页面标题和操作 -->
            <div class="flex flex-col md:flex-row md:items-center md:justify-between mb-6 gap-4">
                <div>
                    <h2 class="text-2xl font-bold text-gray-800">教材版本列表</h2>
                    <p class="text-gray-500 mt-1">管理该教材下所有版本</p>
                </div>
                <button class="bg-primary text-white px-4 py-2 rounded-md font-medium shadow hover:bg-primary/90 transition-all">
                    <i class="fa fa-plus mr-1"></i>新建版本
                </button>
            </div>
            <!-- 版本表格 -->
            <div class="bg-white rounded-xl shadow p-6">
                <table class="w-full text-sm">
                    <thead>
                        <tr class="border-b border-gray-200">
                            <th class="py-3 px-4 text-left font-medium text-gray-600">版本名称</th>
                            <th class="py-3 px-4 text-left font-medium text-gray-600">学期</th>
                            <th class="py-3 px-4 text-left font-medium text-gray-600">年份</th>
                            <th class="py-3 px-4 text-left font-medium text-gray-600">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="border-b border-gray-100 hover:bg-gray-50 transition">
                            <td class="py-3 px-4">2023年秋季版</td>
                            <td class="py-3 px-4">上册</td>
                            <td class="py-3 px-4">2023</td>
                            <td class="py-3 px-4">
                                <a href="detail.html" class="text-primary hover:underline mr-3"><i class="fa fa-eye mr-1"></i>查看</a>
                                <a href="edit.html" class="text-gray-600 hover:text-primary mr-3"><i class="fa fa-edit mr-1"></i>编辑</a>
                                <button class="text-danger hover:underline"><i class="fa fa-trash mr-1"></i>删除</button>
                            </td>
                        </tr>
                        <tr class="border-b border-gray-100 hover:bg-gray-50 transition">
                            <td class="py-3 px-4">2022年春季版</td>
                            <td class="py-3 px-4">下册</td>
                            <td class="py-3 px-4">2022</td>
                            <td class="py-3 px-4">
                                <a href="detail.html" class="text-primary hover:underline mr-3"><i class="fa fa-eye mr-1"></i>查看</a>
                                <a href="edit.html" class="text-gray-600 hover:text-primary mr-3"><i class="fa fa-edit mr-1"></i>编辑</a>
                                <button class="text-danger hover:underline"><i class="fa fa-trash mr-1"></i>删除</button>
                            </td>
                        </tr>
                        <!-- ...更多数据... -->
                    </tbody>
                </table>
            </div>
        </main>
    </div>
</body>
</html> 